
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <title>2021“万亿俱乐部”数字城市发展能力排行榜</title>
    <meta name="title21" id="title21" content="2021“万亿俱乐部”数字城市发展能力排行榜" />
    <meta name="desc21" content="你关心的城市入围了吗？" />
    <meta name="url21" id="url21" content="https://app.21jingji.com/html/2021/1022wanghong/index.html" />
    <meta name="icon21" content="https://static.21jingji.com/images/app/sfcAppShareIcon_300.jpg" />
    <link rel="stylesheet" type="text/css" href="css/style.css?v=1.21"/>
	<link rel="stylesheet" type="text/css" media="screen" href="css/index_selection.css">
    <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="js/jquery.imgpreload.min.js" type="text/javascript"></script>
    <script src="js/echarts.min.js" type="text/javascript"></script>
    <script src="js/data.js?v" type="text/javascript"></script>
	<script type="text/javascript" src="js/html2canvas_new.js"></script>
    
</head>
<body>
<div style="display:none;"><img src="https://app.21jingji.com/html/2021/1022wanghong/img/share.jpg"/></div>
<div id="wrap" class="show-page1">
    <div class="mask share-mask hide" id="sharemask">
        <div class="ico-share"></div>
        <p class="share-mask-txt">分享给亲朋好友</p>
    </div>

    <div class="popload" id="loading">
        <div class="popload-main">
            <span class="popload-main-ico"></span>
            <p class="popload-main-txt1" style="color:#fff;display: none;"><span></span></p>
            <p class="popload-main-txt">加载中... ...</p>
        </div>
    </div>

    <section class="main">
    <!--城市查询 -->
        <div class="page-0 pages" style="padding:0;" id="share">
            <img src="img/logo.png" class="logo"/>
            <div class="zsj">
            	<div class="nav">
					<div class="call">我为<span>上海</span>打CALL</div>
            		<div class="btn8"><img src="img/searchlogo.png" class="btnseach"/><span>上海</span><img src="img/btn2.png" class="btn81" /></div>
				</div>
				<!-- <div class="mrg_t">
					<img src="img/iconsm.png?v" class="iconsm" />
					<a href="javascript:creatShareImg();" class="shareBtn"><img src="img/share.png?v" /></a>
				</div> -->
            	<div id="main1"></div>
            	<!-- <div class="biaoge1">
            		<span>当前</span> <label>上海</label>&nbsp;<font>一线城市，直辖市</font>
					
            	</div> -->
            	<div class="tabled">
            		<table class="table table1"></table>
            	</div>
            </div>
			<div class="code"><img src="img/code.png?v" /></div>
        </div>  
			<!--第一个问题，第二个问题-->
        <div class="page-1 pages" id="share1">
            <img src="img/logo.png" class="logo"/>
            <div class="zsj">
            	<div class="nav">
					<div class="call"><label>北京</label>和<font>上海</font>，你pick谁？</div>
            		<div class="city">
            			<div class="btn5">北京</div>
            			<img src="img/pk.png" class="pk" />
            			<div class="btn6">上海</div>
            		</div>
            		<div class="btn7"><img src="img/btn2.png" /></div>
				</div>
				
				<!-- <div class="mrg_t">
					<img src="img/iconsm.png?v" class="iconsm" />
					<a href="javascript:creatShareImg1();" class="shareBtn1"><img src="img/share.png?v" /></a>
				</div> -->
				<div id="main"></div>
            	<div class="biaoge">
            		<div class="l_group"><span>北京</span></div>
            		<div class="r_group"><span>上海</span></div>
            		<img src="img/pk.png" class="pk1"/>
            	</div>
            	<div class="tabled">
            		<table class="table table2"></table>
            	</div>
			</div>
			<div class="code"><img src="img/code.png?v" /></div>
        </div>
        <!--第三个问题-->
        <div class="page-2 pages" id="">
            <img src="img/logo.png" class="logo"/>
            <div class="zsj">
				<div class="list">
					<div class="list_name">数字城市发展能力总榜单</div>
					<div class="list_cont">
						<table class="table table3">
							<tr class="headt"><td style="width:22%;">排名</td><td style="width:25%;">城市</td><td style="width:25%;">省份</td><td style="width:28%;">总得分</td></tr>
							<tr><td>1</td><td>上海</td><td>上海</td><td>91.09</td></tr>
						</table>
					</div>
				</div>
				<div class="list">
					<div class="list_name"> 全国城市数字基础设施支撑力榜单</div>
					<div class="list_cont"><table class="table table4"></table></div>
				</div>
				<div class="list"> 
					<div class="list_name"> 全国城市数字产业化竞争力榜单</div>
					<div class="list_cont"><table class="table table5"></table></div>
				</div>
				<div class="list"> 
					<div class="list_name"> 全国城市产业数字化融合力榜单</div>
					<div class="list_cont"><table class="table table6"></table></div>
				</div>
				<div class="list"> 
					<div class="list_name"> 全国城市数字业态创新力榜单</div>
					<div class="list_cont"><table class="table table7"></table></div>
				</div>
				<div class="list"> 
					<div class="list_name"> 全国城市数字治理渗透力榜单</div>
					<div class="list_cont"><table class="table table8"></table></div>
				</div>
				<div class="list"> 
					<div class="list_name"> 全国城市数字要素创新活力榜单</div>
					<div class="list_cont"><table class="table table9"></table></div>
				</div>
				<!-- <a href="https://m.21jingji.com/jujiao/getList?ztid=1779" class="btn3"><img src="img/btn3.png" /></a> -->
            </div>
        </div>
		<!--最后结果页-->
        <div class="pages page-3" id="page_result">
			<img src="img/logo.png" class="logo"/>
			<div class="zsj">
				<img src="img/tu.png?v" class="tu"/>
				<img src="img/chup.png?v" class="chup"/>
			</div>
		</div>
		<!--<div class="music mute"><span></span></div><!--添加音乐按钮-->
    </section>
	
	<div class="foot">
			<div class=" icon hover" data-id="0"><img src="img/icon1.png"/><p>城市查询</p></div>
			<div class=" icon" data-id="1"><img src="img/icon2.png"/><p>双城对标</p></div>
			<div class=" icon" data-id="2" data-id="0"><img src="img/icon3.png"/><p>榜单排名</p></div>
			<div class="btn4 icon" data-id="3"><img src="img/icon4.png"/><p>指标体系</p></div>
	</div>
</div>


<div class="tips"> <!--提示-->
	<div class="weui-dialog weui-dialog--visible">
		<div class="weui-dialog__hd"><strong class="weui-dialog__title">提示</strong></div>
		<div class="weui-dialog__bd">请在21财经APP，或微信里打开此链接</div>
		<div class="weui-dialog__ft"><a href="javascript:;" class="weui-dialog__btn primary">确定</a></div>
	</div>
</div>

<div class="pop">
    <div class="index_selection_page_container">
        <header>
            <div class="title">请选择城市</div>
            <div class="icon_container">
                <i class="iconfont icon-close"></i>
            </div>
        </header>
		<!-- <div class="search">
			<input type="text" placeholder="输入城市名称" id="search" /><button class="submit" id="submit" style="display: none;"><img src="img/btn2.png" /></button>
		</div> -->
		<!--搜索列表-->
		<div id="search_data" class="gdt" style="display: none">
		    <ul></ul>
		</div>
    	<div class="remen">
			<table class="tebels">
				<tr><td><div class="">北京</div></td><td><div class="">深圳</div></td><td><div class="">上海</div></td><td><div class="">杭州</div></td><td><div class="">广州</div></td></tr>
				<tr><td><div class="">南京</div></td><td><div class="">成都</div></td><td><div class="">苏州</div></td><td><div class="">天津</div></td><td><div class="">武汉</div></td></tr>
				<tr><td><div class="">重庆</div></td><td><div class="">长沙</div></td><td><div class="">青岛</div></td><td><div class="">宁波</div></td><td><div class="">西安</div></td></tr>
				<tr><td><div class="">合肥</div></td><td><div class="">郑州</div></td><td><div class="">无锡</div></td><td><div class="">济南</div></td><td><div class="">东莞</div></td></tr>
				<tr><td><div class="">南通</div></td><td><div class="">福州</div></td><td><div class="">佛山</div></td><td><div class="">泉州</div></td></tr>
			</table>
    	</div>
    </div>
</div>
<div id="p3">
	<p style="text-align: center;font-size: 12px;padding: 20px 0 5px 0;color: #fff;">长按下图保存图片</p>
	<img src="" id="p3_img"/>
</div>
<div class="log" style="display: none;opacity: 0;"><font>上海</font><span>北京</span><label>上海</label></div>
<script src="https://static.21jingji.com/js/clipboard.min.js"></script>
<script src="js/index_selection.js"></script>
<script src="js/index.js?v=1.2" type="text/javascript"></script>

    <!-- 代码部分end -->
<!--自定义分享-->
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script>
	var jssdk_url = "https://m.21jingji.com/wechat/jssdk/?url="+encodeURIComponent(window.location.href);
	document.write("<script src='"+jssdk_url+"'><\/script>");
	function setshare() {
			  // 微信分享标题
			//var share_title = _shareinfo;
			var share_title = '2021“网红城市”百强榜出炉，双城对比一键查询！';
			var	share_desc = "你关心的城市入围了吗？";
			var share_link = "https://app.21jingji.com/html/2021/1022wanghong/index.html?v=a";
			var	share_imgUrl = "https://app.21jingji.com/html/2021/1022wanghong/img/share.jpg";
			wx.updateAppMessageShareData({title: share_title,link: share_link,desc: share_desc,imgUrl: share_imgUrl})
			wx.updateTimelineShareData({title: share_title,link: share_link,desc: share_desc,imgUrl: share_imgUrl})
		};
		wx.ready(function () {
	 		setshare(); //进行初始化，直接打开分享
		});

</script>
<script>
    var static = 'https://static.21jingji.com';
    /**behavior*/
    var statApi = 'https://stats.21jingji.com/behavior/log';
    var _referrer = encodeURIComponent(document.referrer);
    var _from = getUrlParam('from');
    var _rand = Math.random();
    var datas = {
      id: 430074,
      catid: 750,
      subcat: 810,
      platform: 'web',
      uid: '',
      referrer: _referrer,
      rand: _rand,
      from: _from
    };
    //var datas = JSON.stringify(datasArr);
    jQuery.ajax({
      type: 'POST',
      // async: true,
      url: statApi,
      dataType: 'jsonp',
      jsonp: 'callback',
      data: {
        type: 1,
        datas: datas
      },
      success: function (data) { }
    });
    // 获取链接参数
    function getUrlParam(name) {
      //封装方法
      var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)');
      var r = window.location.search.substr(1).match(reg);
      if (r != null) return unescape(r[2]);
      return '';
    }
  </script>
<script>
 var _hmt = _hmt || [];
     (function () {
         var hm = document.createElement("script");
         hm.src = "//hm.baidu.com/hm.js?9db62e4a83d463a33a4a3dbaffd80ba4";
         var s = document.getElementsByTagName("script")[0];
         s.parentNode.insertBefore(hm, s);
     })(); 
</script>
</body>
</html>


